<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>心闻播报 - 九江学院心理健康咨询中心</title>
  <!-- 引入Normalize.css -->
  <link rel="stylesheet" href="css/normalize.css">
  <!-- 引入自定义样式 -->
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- 头部区域 -->
  <header class="header">
    <div class="wrapper header-container">
      <!-- Logo区域 -->
      <div class="logo">
        <img src="https://picsum.photos/40/40" alt="九江学院心理健康咨询中心Logo" class="logo-img">
        <h1 class="logo-text">九江学院心理健康咨询中心</h1>
      </div>
      <!-- 导航菜单 -->
      <nav class="nav">
        <ul class="nav-list">
          <li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
          <li class="nav-item"><a href="#" class="nav-link">中心简介</a></li>
          <li class="nav-item"><a href="list.html" class="nav-link">心闻播报</a></li>
          <li class="nav-item"><a href="#" class="nav-link">咨询服务</a></li>
          <li class="nav-item"><a href="#" class="nav-link">心理测试</a></li>
          <li class="nav-item"><a href="#" class="nav-link">联系我们</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <!-- 主体内容区域 -->
  <div class="wrapper">
    <div class="container">
      <!-- 主内容区 -->
      <main class="main">
        <!-- 新闻列表模块 -->
        <section class="section news-list-section">
          <div class="section-header">
            <h2 class="section-title">心闻播报 - 全部新闻</h2>
          </div>
          <ul class="news-list" style="gap: 15px;">
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                以心为基筑梦远航 九江学院高质量完成2025年全国学生心理健康普查工作
              </a>
              <span class="news-date" style="font-size: 14px;">2025/11/20</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                筑牢心理健康服务“前哨”与“后盾”——我校圆满完成心理健康辅导员专题培训
              </a>
              <span class="news-date" style="font-size: 14px;">2025/11/19</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                九江学院召开2025年学生工作研讨会 聚焦心理健康教育创新
              </a>
              <span class="news-date" style="font-size: 14px;">2025/11/11</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                九江学院关工委开展心灵驿站进宿舍关爱活动 温暖学子心灵
              </a>
              <span class="news-date" style="font-size: 14px;">2025/10/27</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                【10月10日世界精神卫生日】关爱心灵，悦纳自我，从心理健康科普开始
              </a>
              <span class="news-date" style="font-size: 14px;">2025/10/10</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                九江学院举办“5·25心理健康月”闭幕式 表彰优秀组织与个人
              </a>
              <span class="news-date" style="font-size: 14px;">2025/05/25</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                我校心理健康教育团队赴兄弟院校交流学习 汲取先进经验
              </a>
              <span class="news-date" style="font-size: 14px;">2025/04/18</span>
            </li>
            <li class="news-item" style="padding: 10px 0; border-bottom: 1px solid #e2e8f0;">
              <a href="detail.html" class="news-link" style="white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; flex: none; width: calc(100% - 120px);">
                九江学院2025年春季学期心理健康团体辅导活动圆满结束
              </a>
              <span class="news-date" style="font-size: 14px;">2025/03/30</span>
            </li>
          </ul>

          <!-- 分页控件 -->
          <ul class="pagination">
            <li class="pagination-item"><a href="#">上一页</a></li>
            <li class="pagination-item active"><a href="#">1</a></li>
            <li class="pagination-item"><a href="#">2</a></li>
            <li class="pagination-item"><a href="#">3</a></li>
            <li class="pagination-item"><a href="#">下一页</a></li>
          </ul>
        </section>
      </main>

      <!-- 侧边栏 -->
      <aside class="aside">
        <!-- QQ在线咨询 -->
        <div class="sidebar-module">
          <div class="section-header">
            <h2 class="section-title">QQ在线咨询</h2>
          </div>
          <div class="qq-consult">
            <div class="qq-item">
              <div class="qq-icon">Q</div>
              <div class="qq-text">
                <div>李老师</div>
                <div style="font-size: 12px; color: #718096;">2856198765</div>
              </div>
            </div>
            <div class="qq-item">
              <div class="qq-icon">Q</div>
              <div class="qq-text">
                <div>王老师</div>
                <div style="font-size: 12px; color: #718096;">2789012345</div>
              </div>
            </div>
            <div class="qq-item">
              <div class="qq-icon">Q</div>
              <div class="qq-text">
                <div>张老师</div>
                <div style="font-size: 12px; color: #718096;">2678901234</div>
              </div>
            </div>
          </div>
        </div>

        <!-- 心灵鸡汤 -->
        <div class="sidebar-module">
          <div class="section-header">
            <h2 class="section-title">心灵鸡汤</h2>
          </div>
          <ul class="chicken-soup-list">
            <li class="soup-item">
              <a href="#" class="soup-link">接纳自己的不完美，才是完美的开始。</a>
            </li>
            <li class="soup-item">
              <a href="#" class="soup-link">心灵的成长，在于每一次勇敢面对挑战。</a>
            </li>
            <li class="soup-item">
              <a href="#" class="soup-link">温柔对待自己，才能温柔对待世界。</a>
            </li>
            <li class="soup-item">
              <a href="#" class="soup-link">情绪没有好坏，学会与它和平共处。</a>
            </li>
            <li class="soup-item">
              <a href="#" class="soup-link">你不需要很厉害才开始，但需要开始才会很厉害。</a>
            </li>
          </ul>
        </div>

        <!-- 快速通道 -->
        <div class="sidebar-module">
          <div class="section-header">
            <h2 class="section-title">快速通道</h2>
          </div>
          <div class="quick-link">
            <a href="#">心理咨询预约</a>
            <a href="#">心理测评入口</a>
            <a href="#">心理委员风采</a>
            <a href="#">心理健康知识</a>
            <a href="#">危机干预热线</a>
            <a href="#">下载中心</a>
          </div>
        </div>
      </aside>
    </div>
  </div>

  <!-- 底部区域 -->
  <footer class="footer">
    <div class="wrapper footer-container">
      <div class="footer-text">九江学院心理健康咨询中心 版权所有 © 2025</div>
      <div class="footer-text">地址：江西省九江市濂溪区前进东路551号 九江学院大学生活动中心3楼</div>
      <div class="footer-text">咨询电话：0792-8310000 邮箱：xlzx@jju.edu.cn</div>
    </div>
  </footer>
</body>
</html>